import { Carousel } from 'antd';
import React from 'react';
import img1 from "../../image/food.jpg"
import img2 from "../../image/food4.jpg"
import img3 from "../../image/food2.jpg"
import style from "./index.module.css"
const contentStyle = {
  height: '500px',
  width:'100%',
  lineHeight: '160px',
  textAlign: 'center',
  background: '#364d79',
  objectFit: 'cover'
};

const MyCarousel = () => (
  <>
  <Carousel autoplay className={style.carousel}>
    <div>
      <img style={contentStyle} alt='food' src={img3}></img>
    </div>
    <div>
    <img style={contentStyle} alt='food' src={img2}></img>
    </div>
    <div>
    <img style={contentStyle} alt='food' src={img1}></img>
    </div>
  </Carousel>
  <div className={style.text}>
     Order Your Food,Enjoy Your Food!
  </div>
  </>
);

export default MyCarousel;
